<%@ page language="java" contentType="text/html; charset=UTf-8"
    pageEncoding="UTf-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Framework</title>
    <link href="css/ui.css" rel="stylesheet"/>
    <link href="css/framework.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/cart.css">
    <link href="css/font-awesome.min.css" rel="stylesheet"/>
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="js/cart.js"></script>
</head>
<body>
    <div id="header">
        <img id="imgLogo" style="margin-left: 10px" src="images/bookstore_logo.png"/>
        <div id="navbar" align="right">
            <input id="btn1" class="navbar_item" type="button" onclick="backToCustomer()" value="Continue shopping" /><input id="btnPay" class="navbar_item" type="button" value="Pay bill" />
        </div>
    </div>
    <div id="content">
        <div class="cartDetail">
            <form id="form-cart">
                <table class="cartDetail-table">
                    <thead>
                        <tr>
                            <th >Item</th>
                            <th >Product Name</th>
                            <th >Quantity</th>
                            <th >Unit Price</th>
                            <th >Total</th>
                            <th >Remove</th>
                        </tr>
                    </thead>
                    <tbody id="cart_list">
                    </tbody>
                </table>
            </form>
        </div>
        <div id="footer" align="center">
            <p style="font-size: 13px; color: lightgray;">
                © 2018 Qweas Bookstore, Zhang Wenqiang, Wu Jiatian, Ethan Phung, Andrew Lu and Eric Shuai. All rights reserved.</p>
        </div>
    </div>
</body>
</html>